.do-box-msg
	width: 320px
	padding:5px
	background-color: #c9c9c9
	+border-radius(3px)

.do-box-msg-body
	background-color: $white-color

.do-box-msg-text
	margin:0
	padding: 30px
	text-align:center


.do-box-footer
	padding: 10px 0
	border:1px solid $border-color
	background-color: #fafafa
	text-align:center

.do-box-alert
	width:150px
	padding: 5px
	background-color: #c9c9c9
	+border-radius(3px)

.do-box-alert-content
	background-color:$white-color
	text-align:center
	padding:17px 0

.do-box-alert-img
  	vertical-align: middle
  	display: inline-block
  	margin-right:10px
  	


.do-box-user
	width: 180px
	background-color: $gray-bakcground-color
	padding:10px

.do-box-userinfo
	height:50px
	position: relative
	margin-bottom:10px	

.do-box-user-icon
	position:absolute
	left: 20px

.do-box-user-name
  	position: absolute
  	left:75px
  	top: 5px
  	font-size:18px

.do-box-user-online
	position : absolute
	left : 75px
	top : 30px

.do-box-user-status
	margin-top:15px
	
.do-box-user-table
	width:48%
	display:inline-block

.do-box-user-table:first-child
	border-right:1px solid #d7d7d7

.do-box-user-number
	font-size:18px
	color:$red-color
	margin:0
	text-align:center
	margin-bottom:3px

.do-box-user-detail
	color:$gray-plus-color
	margin:0
	text-align:center


//====== { do-box-notify } ============
.do-box-notify
	display: block
	background-color : #fff7cf
	padding : 9px
	text-align: center

.do-box-notify-hot
	color : $red-color


// ============= { do-user-status-select } ======================

.do-user-status-select
	position : relative

.do-user-status-toggle

.do-user-status-toggle:hover 
	color : inherit

.do-user-status-dropmenu-open
	display :block!important

.do-user-status-toggle > i
	vertical-align : super

.do-user-status-dropmenu
	display : none
	border : 1px solid $border-color
	background-color : $white-color

.do-user-status-dropmenu > li 
	padding : 2px

.do-user-status-dropmenu > li:hover
	background-color : #f7f7f7
	cursor : pointer

